<template>
 <div>{{num.value}}</div>
 <button @click="btn(1)">点击加一</button>
</template>

<script>
import { reactive } from 'vue'
export default {
  name: 'App',
  // 组合式写法
  setup(){
    // reactive它是一个对象的形式
  const num = reactive({value:0})
  const btn = (value)=>{
    num.value += value
    console.log('num',num.value)
  }
  return {num,btn}
  }
}
</script>
